<div class="bpm-node-list">
	<div class="bpm-node">
		<img src="dorado/res/dorado/resources/icons/start32.png"
			class="icon_shape" _shape_id="bpm.Start" _width="34"
			_height="34" /><span>开始</span>
	</div>
	<div class="bpm-node">
		<img src="dorado/res/dorado/resources/icons/end-terminate32.png"
			class="icon_shape" _shape_id="bpm.End" _width="34"
			_height="34" /><span>结束</span>
	</div>
	<div class="bpm-node">
		<img src="dorado/res/dorado/resources/icons/task32.png"
			class="icon_shape" _shape_id="bpm.Task" _width="100"
			_height="35" /><span>人工任务</span>
	</div>
	<div class="bpm-node">
		<img src="dorado/res/dorado/resources/icons/subprocess32.png"
			class="icon_shape" _shape_id="bpm.SubProcess" _width="100"
			_height="35" /><span>子流程</span>
	</div>
	<div class="bpm-node">
		<img src="dorado/res/dorado/resources/icons/decision32.png"
			class="icon_shape" _shape_id="bpm.Decision" _width="34"
			_height="34" /><span>路由决策</span>
	</div>
	<div class="bpm-node">
		<img src="dorado/res/dorado/resources/icons/action32.png"
			class="icon_shape" _shape_id="bpm.Action" _width="100"
			_height="35" /><span>动作</span>
	</div>
	<div class="bpm-node">
		<img src="dorado/res/dorado/resources/icons/fork32.png"
			class="icon_shape" _shape_id="bpm.Fork" _width="34"
			_height="34" /><span>分支</span>
	</div>
	<div class="bpm-node">
		<img src="dorado/res/dorado/resources/icons/foreach32.png"
			class="icon_shape" _shape_id="bpm.Foreach" _width="34"
			_height="34" /><span>动态分支</span>
	</div>
	<div class="bpm-node">
		<img src="dorado/res/dorado/resources/icons/join32.png"
			class="icon_shape" _shape_id="bpm.Join" _width="34"
			_height="34" /><span>聚合</span>
	</div>
	
</div>

<style type="text/css">
.bpm-node-list {
	background: #fff;
	position: absolute;
	left: 5px;
	top: 10px;
}

.bpm-node-list .bpm-node {
	height: 30px;
	text-align: left;
}

.icon_shape {
	width: 20px;
	height: 20px;
	cursor: pointer;
	vertical-align: bottom;
}

.bpm-node img:hover {
	border: 1px solid blue;
}
</style>
